<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;charset=utf-8"%>
<html>
<head>
<title>雅宝路信息网 致力于服务雅宝路人的最大信息网</title>
<style type="text/css">
<!--
body { margin:0 auto; line-height:20px; font-size:15px; font-family:Verdana, Geneva, sans-serif; font-family:"宋体";}
h1,h2,span,img{ margin:0; padding:0;}
h1{ font-size:25px; font-family:"迷你简中倩"; height:40px; line-height:40px;}
h2{ font-size:18px;height:35spx; line-height:35px; padding-top:20px;}
span{ color:#333;}
img{ margin-bottom:20px; border:1px solid #e8e8e8; margin-top:10px;}
div{color:#333; width:1020px; font-size:14px;}
.help a{ color:#999; padding:0 10px; text-decoration:none;}
.help a:hover{ color:#ff6d00; text-decoration:underline;}
-->
</style></head>

<body>
<div style="width:996px; margin:20px auto 30px auto;line-height:30px; border:2px solid #fe6c00; padding:10px; background:#f8f8f8; color:#666;" class="help"><strong>帮助索引&nbsp;&nbsp;</strong><a href="#help_one" style="color:#666;">1、创建自己的网站</a>&nbsp;<a href="#help_one1">1.1 进入雅宝网的二级栏目《商户之家》</a><a href="#help_one2">1.2 申请自己的网站</a><a href="#help_one3">1.3 在线编辑自己的网站</a><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#help_two"style="color:#666;">2、设计自己的网站</a> <a href="#help_two1">2.1 进入网站后台</a><a href="#help_two2">2.2 后台管理功能介绍</a><a href="#help_two3">2.3 在线编辑网站的页面</a><a href="#help_two4">2.4 改变网站的风格</a></div>
<div style="width:1020px; margin:0 auto; ">
<h1>1、     创建自己的网站<a name="help_one" id="help_one"></a></h1>
<h2>1.1     进入雅宝网的二级栏目《商户之家》<a name="help_one1" id="help_one1"></a></h2>
<div >输入网址<a href="http://www.58ybl.com">http://www.58ybl.com/shzj</a>然后注册自己的用户</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_pic1.jpg" width="1018" height="560"/>
<h2>1.2     申请自己的网站<a name="help_one2" id="help_one2"></a></h2>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_pic2.jpg" width="1018" height="258"/><br />
<div >在选中的区域输入自己的网站名称（中文的）；二级域名（英文），这个给每个用户产生一个独立的二级域名，进行独立的访问，比如我们输入mtkj那么以后我们的网站就可以通过<span style="color:#0c06e2">http://mtkj.58ybl.com</span>来访问；最后点击生成按钮，按照你选择的模板，生成网站，并跳转到生成网站的首页。</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_pic3.jpg" width="289" height="196"/>
<div style="margin-bottom:10px;">点击生成网站，跳转到主页</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_pic4.jpg" width="1018" height="651"/>
<h2>1.3     在线编辑自己的网站<a name="help_one3" id="help_one3"></a></h2>
<div style=" margin:10px 0;">生成网站后，我们能支持你在线对自己的网站进行编辑，首先要进入网站的管理后台，我们给每个网站，都配备一个独立的管理后台。在<span style="color:#0c06e2">www.58ybl.com</span>的登录信息，有进入口</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_pic5.jpg" width="1018" height="204"/>
<div >点击管理我的网站进入<a href="#">管理后台</a>，网站的所有内容都能进行修改<br />
点击进入我的网站，能进行浏览<br />
</div>
<br />
<br />
<br />
<h1>2、设计自己的网站<a name="help_two" id="help_two"></a></h1>
<h2>2.1     进入网站后台<a name="help_two1" id="help_two1"></a></h2>
<div > 生成网站后，我们能支持你在线对自己的网站进行编辑，首先要进入网站的管理后台，我们给每个网站，都配备一个独立的管理后台。在<a href="http://www.58ybl.com">http://www.58ybl.com</a>的登录信息，有进入入口 </div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_pic5.jpg" width="1018" height="204"/><br />
<span >管理后台界面如下：</span><br />
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img2.jpg" width="1018" height="404"/>
<h2>2.2     后台管理功能介绍<a name="help_two2" id="help_two2"></a></h2>
<div style="height:65px; width:1020px; margin:10px 0;"><img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img3.jpg" width="75" height="60" style="margin:0;"/>“频道管理”这个对应你的网站的栏目导航，</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img4.jpg" width="586" height="52"/>
<div style="height:65px; width:1020px; margin-bottom:10px;"><img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img5.jpg" width="75" height="60" style="margin:0;"/>“文章管理”这里是你管理你本身网站所有的文章分组和文章的功能，文章在网站前台以各种形式展现，或者列表，或者全文</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img6.jpg" width="314" height="399"/>
<div style="height:65px; width:1020px; margin-bottom:10px;"><img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img5.jpg" width="75" height="60" style="margin:0;"/>“产品管理”这里是你管理你本身网站所有的产品分组和产品的功能，产品在网站前台以各种形式展现，或者列表，图片</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img8.jpg" width="749" height="389"/>
<div style="height:65px;"><img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img9.jpg" width="235" height="60" style="margin:0;"/>“框架管理”“模板管理”“皮肤管理”为网站高级功能，为网站设计提供更多的选择。支持从网站获取更多更新的展现形式</div>
<h2>2.3     在线编辑网站的页面<a name="help_two3" id="help_two3"></a></h2>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img4.jpg" width="586" height="52"/>
<div style="margin-bottom:10px;">网站以频道栏目形式出现，每个栏目对应后台的一个频道，我们进入频道管理，对需要修改的频道进行设计</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img10.jpg" width="1018" height="228"/>
<div style="margin-bottom:10px;">选中需要修改的频道，点击设计按钮</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img11.jpg" width="1018" height="662"/>
<div style="height:20px; line-height:20px; margin-bottom:6px;"><img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_tj.gif" align="left" style="margin:0 5px 0 0;"/>图标能在原有页面上增加新的内容</div>
<div style="height:20px; line-height:20px; margin-bottom:6px;"><img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_xg.gif" align="left" style="margin:0 5px 0 0;"/>图标原来现有网站的模块，每个页面由无数的模块组成</div>
<div style="height:20px; line-height:20px;"><img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_sc.gif" align="left" style="margin:0 5px 0 0;"/> 图标能删除现在的模块 </div>
<div style="margin:20px 0 10px 0;">比如我们想修改:</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img12.jpg" width="325" height="187"/><br />
<div style="margin-bottom:10px;">把“关于我们” 改成“介绍我们”那我们选择编辑按钮进入编辑界面</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img13.jpg" width="615" height="490"/><br />
<div style="margin-bottom:10px;">把portlet名称改成 &quot;介绍我们&quot;，同时能修改以后台的那组文章作为展示内容的来源 同时设置展示文章的数量，标题长度等信息。</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img14.jpg" width="318" height="188" style="margin-bottom:0;"/><br />
<div style="margin:0 0 10px 0;">网站前台的导航会更改成你编辑的内容</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img15.jpg" width="341" height="194" style="margin-bottom:10px;"/><br />
<span>我们选中该模块，能拖动到其他地方，但注意拖放的位置大小要合适</span><br />
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img16.jpg" width="212" height="310" style="margin:20px 0 10px 0;"/><br />
<span>这2个模块可以很适合调整位置，同时增加新的模块，比如 产品列表等</span>
<h2 style="margin-top:20px;">2.4     改变网站的风格<a name="help_two4" id="help_two4"></a></h2>
<span>我们给每个网站配置多种风格<br />
比如蓝色、绿色</span><br />
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img17.jpg" width="1018" height="655"/>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img21.jpg" width="1018" height="666"/>
<div style="margin-bottom:10px;">我们进入后台的频道管理，选中该频道，比如首页 点编辑按钮；进入编辑页面</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img18.jpg" width="1018" height="470"/>
<div style="margin-bottom:10px;">更换皮肤为蓝色，然后点保存，然后选择预览</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img19.jpg" width="1018" height="228"/>
<div style="margin-bottom:10px;">就会发现网站风格彻底改变</div>
<img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_img20.jpg" width="1018" height="653"/>
</div>
<div id="QQFloat" style="z-index: 20; visibility: visible; position: absolute; top: 251px; right: 43px; width: 44px;">
  <a href="#" title="返回页顶"><img src="<%=request.getContextPath() %>/site/${SiteAccessPath}/images/help_top.gif" alt="返回顶部" width="44" height="15" border="0" style="margin:0; border:none"></a>
</div>
<script type="text/javascript">
//<![CDATA[
var tips; var theTop = 250/*这是默认高度,越大越往下*/; var old = theTop;
function initFloatTips() {
  tips = document.getElementById('QQFloat');
  moveTips();
};
function moveTips() {
  var tt=60;
  if (window.innerHeight) {
    pos = window.pageYOffset
  }
  else if (document.documentElement && document.documentElement.scrollTop) {
    pos = document.documentElement.scrollTop
  }
  else if (document.body) {
    pos = document.body.scrollTop;
  } 
  pos=pos-tips.offsetTop+theTop;
  pos=tips.offsetTop+pos/10;
 
  if (pos < theTop) pos = theTop;
  if (pos != old) {
    tips.style.top = pos+"px";
    tt=3;
  //alert(tips.style.top);
  }
  old = pos;
  setTimeout(moveTips,tt);
}
//!]]>
initFloatTips();
</script>
</body>
</html>

